<%@page import="com.tubeilike.entity.CategoryFeed"%>
<%@page import="com.tubeilike.entity.Tube" %>
<%@page import="java.util.List" %>
<%	
	request.setCharacterEncoding("UTF-8");
	String url = "http://www.nhaycungbibi.com";
	String title = (String)request.getAttribute("title");
	String description = (String)request.getAttribute("description");
	String keyword = (String)request.getAttribute("keyword");
%>
<jsp:include page="/element/header.jsp">	
	<jsp:param name="url" value="<%= url %>"/>
	<jsp:param name="title" value="<%=title %>"/>	
	<jsp:param name="keywords" value="<%=keyword %>"/>
	<jsp:param name="description" value="<%=description %>"/>
</jsp:include>

 <div class="clear"></div> 
 <section id="wrapper">		
 <div class="page_wrap">
<div class="page_container box_alignleft sidebox">
  <div class="ei-wrapper">
  <div id="ei-slider" class="ei-slider">
     <ul class="ei-slider-large">
     	<%	
     	CategoryFeed cateFeed = (CategoryFeed)request.getAttribute("result1");
		if(cateFeed!=null&&cateFeed.getListTube().size()>0){	
		for(Tube tub: cateFeed.getListTube()){							
		%>						
		<li style="padding: 0; background: #000;">
         <a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" style="display: block; text-align: center; padding-top: 20px;"> 
         	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle()%>" style="width: 480px !important; height: 360px !important; margin: 0 !important;" />
       	  </a>
          <div class="ei-title" style="margin-right: 20px">
          		<h2 style="color: white !important"><%=tub.getTitle().getValue() %></h2>           
           </div>
        </li>
	<%
	
	}
	}
	%>
</ul><!-- ei-slider-large -->

<ul class="ei-slider-thumbs">
	 <li class="ei-slider-element"><%=cateFeed.getTitle() %></li>
<%	
	if(cateFeed!=null&&cateFeed.getListTube().size()>0){	
	for(Tube tub: cateFeed.getListTube()){		
	%>						
		<li><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html"><%=tub.getTitle().getValue() %></a>
		<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" /></li>
	<%
	
	}
	}
	%>
           </ul><!-- ei-slider-thumbs -->
       </div><!-- ei-slider -->
    </div>
  <div class="clear" style="height:30px;"></div>


	<%	
	cateFeed = (CategoryFeed)request.getAttribute("result1");
	if(cateFeed!=null&&cateFeed.getListTube().size()>0){
		%>
			<h2 class="title-line alignright"><a style="color: black"  href="/charts/most-vieweds"><%=cateFeed.getTitle() %></a></h2>
			<div class="viboxes">
			<ul>
		<%
	int i = 1;
	for(Tube tub: cateFeed.getListTube()){
			if((i%3)!=0){
				%>
				<li style="margin-right:30px; margin-bottom:18px;">
				<%
			}else{
				%>
				<li style="margin-right:30px; margin-bottom:18px;"  class="last">
				<%
			}
		%>				
	      <div class="content" style="width:200px;">
		  <div class="preview" style="height:125px;">
		  <div class="picture">
		  <div class="alpha"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle()%>">
		  	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" width="200" height="125"/></a></div>
		  	<div class="date">
		  		<a class="button red small icon clock" href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" ><%=tub.getTotalTime().getValue() %></a>
		  		<a class="button red small icon refresh repeat" href="http://www.youtube.com/watch?v=<%=tub.getTubeId()%>">Repeat &nbsp;</a>
	  	  </div>
	  	  </div>
  		  </div>
		<div class="title"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>"><%=tub.getSubTitle()%></a></div>
		</div>
	</li>
	<%
	i++;
	}%>
		</ul>
		</div>
	<%
	}
	%>

<br /> 

	<%	
	cateFeed = (CategoryFeed)request.getAttribute("result2");
	if(cateFeed!=null&&cateFeed.getListTube().size()>0){
		%>
			<h2 class="title-line alignright"><a style="color: black"  href="/charts/most-vieweds"><%=cateFeed.getTitle() %></a></h2>
			<div class="viboxes">
			<ul>
		<%
	int i = 1;
	for(Tube tub: cateFeed.getListTube()){
			if((i%3)!=0){
				%>
				<li style="margin-right:30px; margin-bottom:18px;">
				<%
			}else{
				%>
				<li style="margin-right:30px; margin-bottom:18px;"  class="last">
				<%
			}
		%>				
	      <div class="content" style="width:200px;">
		  <div class="preview" style="height:125px;">
		  <div class="picture">
		  <div class="alpha"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle()%>">
		  	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" width="200" height="125"/></a></div>
		  	<div class="date">
		  		<a class="button red small icon clock" href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" ><%=tub.getTotalTime().getValue() %></a>
		  		<a class="button red small icon refresh repeat" href="http://www.youtube.com/watch?v=<%=tub.getTubeId()%>">Repeat &nbsp;</a>
	  	  </div>
	  	  </div>
  		  </div>
		<div class="title"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>"><%=tub.getSubTitle()%></a></div>
		</div>
	</li>
	<%
	i++;
	}%>
		</ul>
		</div>
	<%
	}
	%>

<br /> 

<%	
	cateFeed = (CategoryFeed)request.getAttribute("result3");
	if(cateFeed!=null&&cateFeed.getListTube().size()>0){
		%>
			<h2 class="title-line alignright"><a style="color: black"  href="/charts/most-vieweds"><%=cateFeed.getTitle() %></a></h2>
			<div class="viboxes">
			<ul>
		<%
	int i = 1;
	for(Tube tub: cateFeed.getListTube()){
			if((i%3)!=0){
				%>
				<li style="margin-right:30px; margin-bottom:18px;">
				<%
			}else{
				%>
				<li style="margin-right:30px; margin-bottom:18px;"  class="last">
				<%
			}
		%>				
	      <div class="content" style="width:200px;">
		  <div class="preview" style="height:125px;">
		  <div class="picture">
		  <div class="alpha"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle()%>">
		  	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" width="200" height="125"/></a></div>
		  	<div class="date">
		  		<a class="button red small icon clock" href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" ><%=tub.getTotalTime().getValue() %></a>
		  		<a class="button red small icon refresh repeat" href="http://www.youtube.com/watch?v=<%=tub.getTubeId()%>">Repeat &nbsp;</a>
	  	  </div>
	  	  </div>
  		  </div>
		<div class="title"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>"><%=tub.getSubTitle()%></a></div>
		</div>
	</li>
	<%
	i++;
	}%>
		</ul>
		</div>
	<%
	}
	%>

<br /> 

</div>
<div class="page_sidebox box_alignfull">
<!-- BEGIN WIDGET -->	

<div class="follow_us">
<div class="follow_social">
           <div class="iconBox">
           <a href="#" target="_blank"><div class="twitter" title="Yeah, stalking is allowed!"></div></a>
 <span>
 <div class="follow-text">Follow us</div>

 </span>
 </div>
 <div class="iconBox">
<a href="#" target="_blank"><div class="facebook" title="Be one of our happy fans"></div></a>
 <span>
<div class="follow-text">Be a Fan</div>

 </span>
 </div>
<div class="iconBox">
 <a href="#" target="_blank"><div class="feedburner" title="Get fresh videos on your e-mail!"></div></a>
 <span>
<div class="follow-text">Subscribe</div>

 </span>
 </div>
</div>
</div>	
<jsp:include page="/element/most_view.jsp"/>
<jsp:include page="/element/advertising_right01.jsp"/>			
<jsp:include page="/element/categories.jsp"/>	
</div>
<!-- end pv-sidebox --></div>
</div>
<div class="clear"></div>

<jsp:include page="/element/advertising_right02.jsp"/>	
<jsp:include page="/element/footer.jsp"/>	